
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1"/>
<title>Recaudacion (vaquita)</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<?php
include('config.php');

$query = "SELECT SUM(cantidad) FROM  despensadm_com_ar_labs.vaquitaCervezaProject"; 
	 
$result = mysql_query($query) or die(mysql_error());

// Print out result
while($row = mysql_fetch_array($result)){
	$resulCantidad = $row['SUM(cantidad)'];
	echo "Total ". $row['type']. " = $". $row['SUM(cantidad)'];
	echo "<br />";
}
?>
</head>
<body>
<div id="wrapper">
	<h1>Vaquita Cerveza Project<small>juntando plata para fiestas</small></h1>
	<!-- <h2><a href="http://www.marcofolio.net/" title="Visit Marcofolio.net">Marcofolio.net</a></h2> -->	
	<div id="content">
		<h2>Pesos $ </h2>
		<ul id="bar">
			<li id="vaquita">
				<div class="top">
				</div>
				<div class="bottom" id="tamTubo" style="height:<?php echo $resulCantidad ?>px;">
					<div class="infobox">
						<h3>Cantidad</h3>
						<p><div id="insert_response"><?php echo $resulCantidad ?></div></p>
					</div>
					<div class="btnbox">
						<h3>Btns</h3>
						<!-- Include AJAX Framework -->
						<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js"></script>
						<script type="text/javascript" src="ajax/ajax_framework.js" language="javascript"></script>
						<!-- Show Message for AJAX response -->
						<!-- Form: the action="javascript:insert()"calls the javascript function "insert" into ajax_framework.js -->
						<form action="javascript:insertMas()" method="post">
							<input name="mas" type="hidden" id="mas" value="10" >
							<input id="btnMas" type="submit" name="Submit" value="+10"/>
						</form>
						<form action="javascript:insertMenos()" method="post">
							<input name="menos" type="hidden" id="menos" value="-10" >
							<input id="btnMenos" type="submit" name="Submit" value="-10"/>
						</form>
					</div>
				</div>
			</li>
		</ul>
	</div>
</div>

<script>
$('#btnMenos').click(function(){
    $('#tamTubo').animate({height:'-=10'}, 500);
});
$('#btnMas').click(function(){
    $('#tamTubo').animate({height: '+=10'}, 500);
});
</script>
TodoList: </br>
- Agregar integracion con facebook (si hace click tomar la identidad y guardarla).</br>
- Agregar integracion con twitter, yahoo, google, live, si no tiene facebook alguna tiene.
</body>
</html>
